<template>
  <div class="download">
        <div class="downloadBox" @click="handleDownload(infoData.declareUrl)">
            <img class="image" src="@/assets/images/download.png" alt="">
            <div>下载查看申报表</div>
        </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
   
      };
    },
     props: {
    infoData: {
      type: Object,
      default: () => {},
    },
  },
    created() {

    },
    methods: {
      handleDownload(url){
           window.open(url)
      }
    }
  };
</script>
<style lang="scss" scoped>
         .display-fx-center{
             display: flex;
             align-items: center;
         }
         .download{
            border:solid 1px #D3D8E2;
            padding: 78px; 
            border-top:none; 
            text-align: center;
           @extend .display-fx-center;
           justify-content: center; 
           font-size: 14px;
           color:#5D85FF;
           .downloadBox{
             cursor: pointer;
              .image{
               width: 40px;
               height: 40px;
               }
           }
          
         }
</style>
